<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="pragma" content="no-cache">  
    <meta http-equiv="cache-control" content="no-cache">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>减一减 | 个人中心</title>
    <link rel="stylesheet" type="text/css" href="src/frozenui/1.2.0/css/frozen.css">
    <link rel="stylesheet" type="text/css" href="src/static/demo.css">
    <style type="text/css">
    h2 center {
        font-weight: bold;
    }
    .info-box {
        margin: 30px 10px 50px 10px;
    }
    .ui-avatar-one {
        width: 100px;
        height: 100px;
    }
    .ui-avatar-one span {
        width: 100px;
        height: 100px;
    }
    .ui-switch input:before {
        background-color: #18b4ed;
    }
    .ui-switch input:checked:before {
        box-shadow: #f75549 0 0 0 16px inset;
        border: 1px solid #dfdfdf;
    }
    .more {
        background: url(http://i.gtimg.cn/vipstyle/frozenui/1.2.0/img/icon.png?_bid=306) no-repeat 0 -75px;
        -webkit-background-size: 150px auto;
        content: "";
        display: block;
        width: 9px;
        height: 15px;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -7px;
    }
    </style>
</head>
<body>
<!-- 个人信息页开始 -->
<div id="completeinfo">
    <h2 class="title ui-border-b">
        <a class="ui-btn left" id="back">&lt; 返回</a>
        <center class="male-title">个人信息</center>
    </h2>
    <div class="content">
            <ul class="ui-list ui-list-text ui-border-tb" style="background: white">
                <li class="ui-border-t">
                    <div class="ui-avatar-one"><span style="background-image:url(src/img/male.png)"></span></div>                   
                    <div class="ui-list-info ui-border-t" style="margin-left: 20px; padding: 0px; width: 100px">账户余额<br><br><center><span style="font-size: 28px; font-weight: bold; color: #00A5E3;">100.52</center></span></div>
                    <div class="ui-list-info ui-border-t" style="margin-left: 20px; padding: 0px; width: 60px">人品值<br><br><center><span style="font-size: 28px; font-weight: bold; color: #00A5E3">15.4</span></center></div>
                </li>
            </ul>
        <!-- </center> -->
        <div class="info-box">
            <div class="ui-form">
                <div class="ui-form-item ui-border-b">
                    <label for="nickname">账号</label>
                    <input type="text" name="nickname" id="nickname" value="lisheng" readonly>
                    <a class="more" href="#"></a>
                </div>
                <div class="ui-form-item ui-border-b">
                    <label for="nickname">昵称</label>
                    <input type="text" name="nickname" id="nickname" value="李胜的脚步" readonly>
                    <a class="more" href="#"></a>
                </div>
                <div class="ui-form-item ui-border-b">
                    <label for="nickname">性别</label>
                    <input type="text" name="nickname" id="nickname" value="男生" readonly>
                    <a class="more" href="#"></a>
                </div>
                <div class="ui-form-item ui-border-b">
                    <label for="nickname">生日</label>
                    <input type="text" name="nickname" id="nickname" value="1992-10-11" readonly>
                    <a class="more" href="#"></a>
                </div>
                <div class="ui-form-item ui-border-b">
                    <label for="nickname">主题颜色</label>
                    <!-- <input type="text" name="sex" id="sex" autocomplete="off" value="男生" readonly /> -->
                    <label for="#" class="ui-switch">
                    <input type="checkbox" id="sex-btn"></label>
                </div>
                <div class="ui-btn-wrap">
                    <button class="ui-btn-lg ui-btn-primary" id="confirm">充值</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 个人信息页结束 -->


        
    <!-- javascript开始 -->
    <script src="src/frozenjs/lib/zepto.min.js"></script>
    <script src="src/frozenjs/1.0.1/frozen.js"></script>
    <script>
    $(document).ready(function(){

    })
    </script>
</body>
</html>